JavaScript Source Code 2002: Forms: Controlled Boxes

Home

Controlled Boxes

This script allows checkboxes to check and uncheck based on the selection in another checkbox. If the ALL box is checked, all the other choices go unchecked. If another choice is checked, then the ALL box goes unchecked. Useful when constructing search forms, surveys, and more!

Please select your favorite class(es):

JavaScript Source Code 2002: Forms: Controlled Boxes
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">  <! > <! >  </script> </HEAD>  <BODY> <center> Please select your favorite class(es): <form name=pickform> <table> <tr><td> <input type=checkbox name=classes value="*" onclick="checkChoice(document.pickform.classes, 0)" checked>All <br> <input type=checkbox name=classes value="science" onclick="checkChoice(document.pickform.classes, 1)">Science <br> <input type=checkbox name=classes value="math" onclick="checkChoice(document.pickform.classes, 2)">Math <br> <input type=checkbox name=classes value="english" onclick="checkChoice(document.pickform.classes, 3)">English <br> <input type=checkbox name=classes value="history" onclick="checkChoice(document.pickform.classes, 4)">Histroy <br> <input type=checkbox name=classes value="other" onclick="checkChoice(document.pickform.classes, 5)">Other </td></tr> </table> </form> </center>